<!DOCTYPE html>
<html>
  <head>
    <title>chat</title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <script src="/socket.io/socket.io.js"></script>
    <script src="/javascripts/chat.js"></script>
  </head>
  <body>
    <div class="all">
      <div class="main">
        <div class="header">
          <img src="/images/logo.png"> happy聊天室
        </div>
        <div id="container">
          <div class="conversation">
            <ul id="messages"></ul>
            <form action="">
              <div class="edit">
                <i title="双击取消选择" class="fa fa-smile-o" id="smile">
                </i>
                <i title="双击取消选择" class="fa fa-picture-o" id="img"></i>
              </div>
              <!-- autocomplete禁用自动完成功能 -->
              <textarea id="m"></textarea>
              <button class="btn rBtn" id="sub">发送</button>
              <button class="btn" id="clear">关闭</button>
            </form>
          </div>
          <div class="contacts">
            <h1>在线人员(
              <span id="num">0</span>)</h1>
            <ul id="users"></ul>
            <p>当前无人在线哟~</p>
          </div>
        </div>
      </div>
    </div>
    
  </body>
</html>
